<template>
    <div class="pagge-search">
     <div class="box">
         <div class="ss">
        <div class="item" v-for="value in sea" :key="value.id">
       <van-card
       tag="Top1"
       :thumb="value.recipesImage"
      />
       <span>{{value.recipesName}}</span>
    </div>
    </div>
   </div> 
</div>
</template>

<script>
    export default {
        props:['sea']
    }
</script>

<style lang="scss" scoped>
.box{
    width:100%;
    overflow: hidden;
    .ss{
        width: 200%;
    }
.item{
    width:30vw;
    display: inline-block;
    text-align: center;
}
}
</style>